@charset "utf-8";


@media screen and (max-width: 930px) and (orientation: portrait) {

	/* - Permenent Header - */

	.logo img {
		width: 7vw;
		height: 7vw;
		margin-top: 1vw;
	}
	.logo a {
		font-size: 2.5vw;
	}
	.logo span {
		top: 6vw;
		left: 10vw;
		font-size: 1.1vw;
		width: 70%;
	}
	nav ul a, footer a {
		font-size: 1.7vw;
	}
	nav ul {
		margin-top: 2vw;
	}
	nav li a {
		padding: 0 0.7vw;
		border-left: solid 1px #aaa;
	}
	.links {
		margin: 0 5vw 0 2vw;
	}


	/* - Common Body- */

	.pageHeading {
		margin: 1vw auto 2vw auto;
		font-size: 1.4vw;
	}

	.pgBtns {
		display: inline-block;
		width: 40%;
		cursor: pointer;
		background-color: tomato;
		color: white;
		border: solid 1px tomato;
		opacity: 0.9;
		margin: 1vw 2vw;
		font-size: 1.4vw;
	}
	.pgBtns:hover {
		background-color: white;
		color: tomato;
	}
	.pagebtn {
		width: 50%;
		display: inline-block;
		font-size: 1.4vw;
		padding: 1vw;
		text-align: center;
	}
	.pgArws{
		width: 22%;
		display: inline-block;
		font-size: 3.5vw;
		padding: 0.5vw 2vw 1vw 2vw;
		text-align: center;
		vertical-align: top;
	}
	.lefpgbtn {
		margin-left: 52%;
	}
	.rgtpgbtn {
		margin-right: 52%;
	}
	.entryContentText {
		width: 47%;
	}
	.entryContentSz {
		width: 38%;
	}

}







@media screen and (max-height: 600px) and (max-width: 930px) and (orientation:landscape) {

	/* - Permenent Header - */  

	nav ul a, footer a {
		font-size: 1.6vw;
	}
	.logo img {
		width: 6vw;
		height: 6.3vw;
		margin-top: 0;
	}
	.logo a {
		font-size: 2.5vw;
		margin: 2vw 0 0 0.5vw;
	}
	.logo span {
		top: 4.8vw;
		left: 7vw;
		font-size: 1vw;
		width: 70%;
	}
	.navCont {
		top: 0;
	}
	.logo strong{
		padding: 0 0 1vw 0;
	}
	.navBar {
		top: 0;
		height: 6vw;
	}
	nav ul {
		margin-top: 2vw;
	}
	.links {
		margin: 0 5vw 0 7vw;
	}

	/* - Common Body- */  

	.comm_img_container {
		margin: 0 3vw;
	}

	.pageHeading {
		margin: 0 auto;
		font-size: 1.1vw;
		width: 85%;
	}
	.pageHeading h2 {
		margin: 0;
		border-bottom: none;
	}
	.pageHeading > p{
		display: none;
	}

	.innerContent {
		margin: 0 0 3vw 0;
		padding: 1vw;
		min-height: 18vw;
	}
	.innerContent h3 span {
		font-size: 1vw;
		padding-left: 1vw;
	}
	.innerContent h3 span span {
		font-size: 1.3vw;
		color: tomato;
	}
	
	.entryContentSz {
		display: inline-block;
		width: 30%;
		vertical-align: top;
		margin-right: 2vw;
	}
	.entryContentSz p {
		margin: 0.5vw;
		font-size: 1vw;
	}
	.entryContentText {
		width: 60%;
	}
	
	.capPageHead {
		display: none;
	}
	.footer-bar {
		margin: 5vw 0 0 0;
	}

}





@media screen and (min-width: 1260px) and (max-height: 900px) {

	body, li p {
		font-size: 13px;
	}

	/* - Common Body- */

	.pageHeading {
		margin: 26px auto 13px auto;
		font-size: 15px;
	}
	.pageHeading h2 {
		margin-bottom: -13px;
	}

	.cap_img_content {
		margin: 26px;
		padding: 26px;
		min-height: 1020px;
		border-radius: 11px;
	}
	.cap_img_content_railing {
		margin: 26px;
		padding: 26px;
		min-height: 1020px;
		border-radius: 11px;
	}
	.capPageHead {
		margin: 0 0 26px 26px;
	}
	.capPageHead h3 {
		font-size: 23px;
	}
	.capPageHead h6 {
		font-size: 12px;
	}
	.capPageHead p {
		font-size: 11px;
	}
	
	/* - Common Body- ENTRY - SIDING - RAILING */

	.comm_img_container{
		margin: 0 77px;
	}
	.commLeftCol {
		border-radius: 12px 0 0 12px;
	}
	.commRightCol::after {
		border-radius: 12px 0 0 12px;
	}
	.commMenu {
		padding: 13px 6px;
		margin: 26px 13px 26px 0;
		font-size: 19px;
	}
	.commSubCont {
		padding: 13px 0;
	}
	.commSubMenu {
		padding: 12px 13px;
		font-size: 15px;
		margin-left: 13px;
	}
	.commSubMenu span {
		padding: 6px;
	}
	.acvSubMenu {
		padding: 13px 13px 13px 0 ;
		margin-left: 13px;
		font-size: 16px;
	}

	.innerContent {
		margin: 26px 0 39px 0;
		padding: 22px;
		min-height: 240px;
	}
	.innerContent h3 span {
		font-size: 13px;
		padding-left: 13px;
	}
	.innerContent h3 span span {
		font-size: 17px;
	}
	.entryContentImageContainer {
		padding: 0 13px 0 0;
	}
	.entryContentSz {
		margin-right: 26px;
	}
	.entryContentSz p {
		margin: 5px;
		font-size: 13px;
	}

	.entryContentTextHead {
		font-size: 21px;
		font-weight: bold;
	}
	.entryPFirst {
		font-size: 13px;
	}
	.entryP {
		font-size: 14px;
		margin: 6px 0;
	}
	.entryContentText p {
		font-size: 13px;
	}
	.contGallCounter {
		bottom: -26px;
		font-size: 16px;
	}
	
	.entryPriceHead {
		font-size: 12px;
	}
	.entryPriceBox2 strong {
		font-size: 16px;
	}
	.entryPriceBox2 span {
		font-size: 21px;
	}
	.entryPriceBox2 h3 {
		font-size: 17px;
	}

	.prevButton, .nextButton {
		font-size: 43px;
		padding: 0 4px;
	}
	.nextButton {
		right: -8px;
	}

	.pgBtns {
		margin: 13px 26px;
		font-size: 19px;
	}
	.pagebtn {
		font-size: 19px;
		padding: 13px;
	}
	.pgArws{
		font-size: 45px;
		padding: 5px 26px 13px 26px;
	}
	.lefpgbtn {
		margin-left: 52%;
	}
	.rgtpgbtn {
		margin-right: 52%;
	}

	/* - Permenent Header - */

	nav ul a, footer a {
		font-size: 17px;
	}

	.navCont {
		top: 1px;
		width: 1210px;
	}

	.logo img {
		width: 104px;
		height: 104px;
		margin-top: 13px;
	}
	.logo a {
		font-size: 52px;
		margin: 39px 0 0 6px;
	}
	.logo span {
		top: 98px;
		left: 255px;
		font-size: 15px;
	}

	.navBar {
		top: 26px;
		height: 75px;
	}
	nav ul {
		margin-top: 55px;
	}
	nav li {
		margin: 13px 0;
	}
	nav li a {
		padding: 0 13px;
	}

	/* - Permenent Footer- */

	.footer-bar{
		margin: 130px 0 0 0;
	}
	.footerItems{
		padding: 21px 0;
	}
	.footer-heading h1{
		padding: 7px 136px;
		font-size: 17px;
	}
	.feedback, .links, .footcontactDetails {
		font-size: 16px;
		margin-left: 122px;
	}
	.feedback {
		padding: 0 0 0 10px;
	}
	.links {
		margin: 0 66px 0 135px;
	}
	footer li{
		margin: 6px 0;
	}
	.footcontactDetails {
		margin: 0 0 0 70px;
	}
	.footcontactDetails h4{
		margin: 13px 0;
	}
	.footSubmit {
		margin: 26px 0;
		width: 195px;
		padding: 10px;
	}
	.copy{
		font-size: 14px;
		padding: 26px 0;
	}
}










@media screen and (min-width: 1260px) and (min-height: 901px) {

	body, li p {
		font-size: 13px;
	}

	/* - Common Body- */

	.pageHeading {
		margin: 26px auto 13px auto;
		font-size: 15px;
	}
	.pageHeading h2 {
		margin-bottom: -13px;
	}

	.cap_img_content {
		margin: 26px;
		padding: 26px;
		min-height: 1020px;
		border-radius: 11px;
	}
	.cap_img_content_railing {
		margin: 26px;
		padding: 26px;
		min-height: 1020px;
		border-radius: 11px;
	}
	.capPageHead {
		margin: 0 0 26px 26px;
	}
	.capPageHead h3 {
		font-size: 23px;
	}
	.capPageHead h6 {
		font-size: 12px;
	}
	.capPageHead p {
		font-size: 11px;
	}
	
	/* - Common Body- ENTRY - SIDING - RAILING */

	.comm_img_container{
		margin: 0 77px;
	}
	.commLeftCol {
		border-radius: 12px 0 0 12px;
	}
	.commRightCol::after {
		border-radius: 12px 0 0 12px;
	}
	.commMenu {
		padding: 13px 6px;
		margin: 26px 13px 26px 0;
		font-size: 19px;	
	}
	.commSubCont {
		padding: 13px 0;
	}
	.commSubMenu {
		padding: 12px 13px;
		font-size: 15px;
		margin-left: 13px;
	}
	.commSubMenu span {
		padding: 6px;
	}
	.acvSubMenu {
		padding: 13px 13px 13px 0 ;
		margin-left: 13px;
		font-size: 16px;
	}

	.innerContent {
		margin: 26px 0 39px 0;
		padding: 22px;
		min-height: 240px;
	}
	.innerContent h3 span {
		font-size: 13px;
		padding-left: 13px;
	}
	.innerContent h3 span span {
		font-size: 17px;
	}
	.entryContentImageContainer {
		padding: 0 13px 0 0;
	}
	.entryContentSz {
		margin-right: 26px;
	}
	.entryContentSz p {
		margin: 5px;
		font-size: 13px;
	}

	.entryContentTextHead {
		font-size: 21px;
		font-weight: bold;
	}
	.entryPFirst {
		font-size: 13px;
	}
	.entryP {
		font-size: 14px;
		margin: 6px 0;
	}
	.entryContentText p {
		font-size: 13px;
	}
	.contGallCounter {
		bottom: -26px;
		font-size: 16px;
	}
	
	.entryPriceHead {
		font-size: 12px;
	}
	.entryPriceBox2 strong {
		font-size: 16px;
	}
	.entryPriceBox2 span {
		font-size: 21px;
	}
	.entryPriceBox2 h3 {
		font-size: 17px;
	}

	.prevButton, .nextButton {
		font-size: 43px;
		padding: 0 4px;
	}
	.nextButton {
		right: -8px;
	}

	.pgBtns {
		margin: 13px 26px;
		font-size: 19px;
	}
	.pagebtn {
		font-size: 19px;
		padding: 13px;
	}
	.pgArws{
		font-size: 45px;
		padding: 5px 26px 13px 26px;
	}
	.lefpgbtn {
		margin-left: 52%;
	}
	.rgtpgbtn {
		margin-right: 52%;
	}

	/* - Permenent Header - */

	nav ul a, footer a {
		font-size: 17px;
	}

	.navCont {
		top: 1px;
		width: 1210px;
	}

	.logo img {
		width: 104px;
		height: 104px;
		margin-top: 13px;
	}
	.logo a {
		font-size: 52px;
		margin: 39px 0 0 6px;
	}
	.logo span {
		top: 98px;
		left: 255px;
		font-size: 15px;
	}

	.navBar {
		top: 26px;
		height: 75px;
	}
	nav ul {
		margin-top: 55px;
	}
	nav li {
		margin: 13px 0;
	}
	nav li a {
		padding: 0 13px;
	}

	/* - Permenent Footer- */

	.footer-bar{
		margin: 130px 0 0 0;
	}
	.footerItems{
		padding: 21px 0;
	}
	.footer-heading h1{
		padding: 7px 136px;
		font-size: 17px;
	}
	.feedback, .links, .footcontactDetails {
		font-size: 16px;
		margin-left: 122px;
	}
	.feedback {
		padding: 0 0 0 10px;
	}
	.links {
		margin: 0 66px 0 135px;
	}
	footer li{
		margin: 6px 0;
	}
	.footcontactDetails {
		margin: 0 0 0 70px;
	}
	.footcontactDetails h4{
		margin: 13px 0;
	}
	.footSubmit {
		margin: 26px 0;
		width: 195px;
		padding: 10px;
	}
	.copy{
		font-size: 14px;
		padding: 26px 0;
	}
}